<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小米商城 - 小米9、小米MIX 3、Redmi K20，小米电视官方网站</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">

    <link rel="stylesheet" href="css/style2.css">
    <link rel="stylesheet" href="css/panic.css">


    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="topbar">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <ul>
                    <li><a href="" class="btn1">小米商城</a></li>
                    <span class="sen pt-2">|</span>
                    <li><a href="" class="btn2">MIUI</a></li>
                    <span class="sen pt-2">|</span>
                    <li><a href="" class="btn3">IoT</a></li>
                    <span class="sen pt-2">|</span>
                    <li><a href="" class="btn4">云服务</a></li>
                    <span class="sen pt-2">|</span>
                    <li><a href="" class="btn5">金融</a></li>
                    <span class="sen pt-2">|</span>
                    <li><a href="" class="btn6">有品</a></li>
                    <span class="sen pt-2">|</span>
                    <li><a href="" class="btn7">小爱开放平台</a></li>
                    <span class="sen pt-2">|</span>
                    <li><a href="" class="btn8">企业团购</a></li>
                    <span class="sen pt-2">|</span>
                    <li><a href="" class="btn9">资质证照</a></li>
                    <span class="sen pt-2">|</span>
                    <li><a href="" class="btn10">协议规则</a></li>
                    <span class="sen pt-2">|</span>
                    <li id="J_ine">
                        <a href="" class="btn11" style="position: relative">下载app
                            <span id="box" class="yin" style="width: 124px;z-index:6;position: absolute;top: 40px;left: 50%;padding: 18px 0px 14px;background: rgb(255, 255, 255);margin-left: -55px;box-shadow: rgb(170, 170, 170) 0px 1px 5px;display: none;">
                                <em style="width:0;height:0;border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #fff;position:absolute;top:-10px;left:50px;"></em>
                                <img src="img/download.png" alt="" style="width: 90px;height: 90px;display: block;margin: 0 auto;">
                                <span style="display:block;text-align: center;font-size:14px;color:#333;line-height:1;margin-top:14px;">小米商城APP</span>
                            </span>
                        </a>
                    </li>
                    <span class="sen pt-2">|</span>
                    <li><a href="" class="btn12">Select Region</a></li>
                </ul>

            </div>
            <div class="col-md-4">
                <ul>
                    <li><a href="" class="btn14">登录</a></li>
                    <span class="sen pt-2">|</span>
                    <li><a href="" class="btn15">注册</a></li>
                    <span class="sen pt-2">|</span>
                    <li><a href="" class="btn16">消息通知</a></li>
                </ul>
                <div class="cin">
                    <a href="" class="ipc aftin" id="L_ine"><i class="fas fa-shopping-cart"></i> <span>购物车</span><span>（0）</span></a>
                </div>
                <div class="ipc_bt text-center">
                    <span>购物车中还没有商品，赶紧选购吧！</span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="nav">
    <div class="container">
        <div class="nav-Logo">
            <a href="">
                <i class="ipc1"></i>
                <i class="ipc2"></i>
            </a>
        </div>
        <i class="fas fa-align-justify hid"></i>
        <div class="clearfix header-nav hids">
            <ul class="nav-list">
                <li id="linek1">
                    <a href="" class="btn1 nav-category" id="J_ine1">
                        <span>全部商品分类</span>
                    </a>
                </li>
                <li id="linek2"><a href="" class="btn2">小米手机</a></li>
                <li id="linek3"><a href="" class="btn2">Redmi 红米</a></li>
                <li id="linek4"><a href="" class="btn2">电视</a></li>
                <li id="linek5"><a href="" class="btn2">笔记本</a></li>
                <li id="linek6"><a href="" class="btn2">家电</a></li>
                <li id="linek7"><a href="" class="btn2">路由器</a></li>
                <li id="linek8"><a href="" class="btn2">智能硬件</a></li>
                <li><a href="assist.html" class="btn2">服务</a></li>
                <li><a href="" class="btn2">社区</a></li>
            </ul>
        </div>
        <script>
            var hida = document.querySelector(".hid");
            var hids = document.querySelector(".header-nav");


            hida.addEventListener("click",function(){
                hids.style.display = "block";
            });
            hida.addEventListener("mouseout",function(){

                hids.style.display = "none";

            });
        </script>
        <div class="header-search">
            <form action="" class="search-form">
                <input type="text" class="search-text search" id="search">
                <input type="submit" class="submit" value="">
                <div class="search-hot-words">
                    <a href="">小米9</a>
                    <a href="" >小米9 SE</a>
                </div>
                <div class="keyword-list">
                    <ul class="result-list">
                        <li><a href="">小米6X <span class="result">约有6件</span></a></li>
                        <li><a href="">小米MIX 2S <span class="result">约有5件</span></a></li>
                        <li><a href="">黑鲨游戏手机 <span class="result">约有3件</span></a></li>
                        <li><a href="">红米Note 5 <span class="result">约有6件</span></a></li>
                        <li><a href="">红米5A <span class="result">约有13件</span></a></li>
                        <li><a href="">小米电视4c <span class="result">约有5件</span></a></li>
                        <li><a href="">电视32英寸 <span class="result">约有3件</span></a></li>
                        <li><a href="">笔记本pro <span class="result">约有5件</span></a></li>
                        <li><a href="">空气净化器 <span class="result">约有11件</span></a></li>
                        <li><a href="">净水器 <span class="result">约有8件</span></a></li>
                    </ul>
                </div>
            </form>

        </div>
    </div>

    <div class="con">
        <div id="box2" class="header-nav-menu header-nav-menu-active">
            <div class="container">
                <ul class="clearfix">
                    <li class="first">
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="img/sj/mi9-320.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米9
                        </a>
                        <p>
                            2799元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="img/sj/mi9se-320.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米9 SE
                        </a>
                        <p>
                            1999元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="img/sj/qingchun-320.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米8 青春版
                        </a>
                        <p>
                            1099元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="img/sj/mix3-320.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米MIX 3
                        </a>
                        <p>
                            2299元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="img/sj/pc-320-220-mi8.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米4
                        </a>
                        <p>
                            2049元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="img/sj/pc-320-miplay-1.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米Play
                        </a>
                        <p>
                            1099元
                        </p>
                    </li>
                </ul>
            </div>
        </div>

        <div id="box3" class="header-nav-menu header-nav-menu-active">
            <div class="container">
                <ul class="clearfix">
                    <li class="first">
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="http://i1.mifile.cn/f/i/2019/redmik20pro/red.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            Redmi K20 Pro
                        </a>
                        <p>
                            2499元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="https://i1.mifile.cn/f/i/2019/redmik20/lanse.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            Redmi K20
                        </a>
                        <p>
                            1999元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="https://i1.mifile.cn/f/i/2019/redmi7a/black.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            Redmi 7A
                        </a>
                        <p>
                            549元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="https://i1.mifile.cn/f/i/g/2019/redmi.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            Redmi Note 7 Pro
                        </a>
                        <p>
                            1399元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="https://i1.mifile.cn/f/i/g/2015/cn-index/note7320-220.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            Redmi Note 7
                        </a>
                        <p>
                            999元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="https://i1.mifile.cn/f/i/2019/redmi7/320-220.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            Redmi 7
                        </a>
                        <p>
                            699元
                        </p>
                    </li>
                </ul>
            </div>
        </div>
        <div id="box4" class="header-nav-menu header-nav-menu-active">
            <div class="container">
                <ul class="clearfix">
                    <li class="first">
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="https://i1.mifile.cn/f/i/g/2015/cn-index/bihuadianshi.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米壁画电视 65英寸
                        </a>
                        <p>
                            6999元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="https://i1.mifile.cn/f/i/g/2015/cn-index/quanmianping55A.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米全面屏电视E55A
                        </a>
                        <p>
                            1999元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="https://i1.mifile.cn/f/i/g/2015/cn-index/32.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米电视4A 32英寸
                        </a>
                        <p>
                            699元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="https://i1.mifile.cn/f/i/g/2015/cn-index/4A-55.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米电视4A 55英寸
                        </a>
                        <p>
                            1899元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="https://i1.mifile.cn/f/i/g/2015/cn-index/4a653202201.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米电视4A 65英寸
                        </a>
                        <p>
                            2599元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="https://i1.mifile.cn/f/i/g/2015/cn-index/475toutu.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            查看全部
                        </a>
                        <br>
                        <a href="">
                            小米电视
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div id="box5" class="header-nav-menu header-nav-menu-active">
            <div class="container">
                <ul class="clearfix">
                    <li class="first">
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2015/RedmiBook.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            RedmiBook 14
                        </a>
                        <p>
                            3999元起
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2015/12.5yinsetoubu.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米笔记本 Air 12.5"
                        </a>
                        <p>
                            3499元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2015/13.3huise.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米笔记本 Air 13.3"
                        </a>
                        <p>
                            4399元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2015/rubyheise.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米笔记本 15.6"
                        </a>
                        <p>
                            2799元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2015/cn-index/WechatIMG603.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米笔记本 Pro 15.6"
                        </a>
                        <p>
                            4999元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2015/xinbijiben.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米游戏本
                        </a>
                        <p>
                            6499元
                        </p>
                    </li>
                </ul>
            </div>
        </div>
        <div id="box6" class="header-nav-menu header-nav-menu-active">
            <div class="container">
                <ul class="clearfix">
                    <li class="first">
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2015/cn-index/yijinengxiaokongtiao.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            米家互联网空调（一级能效）
                        </a>
                        <p>
                            1999元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2015/cn-index/dunguntongxihong1a.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            米家滚筒洗烘一体机1A 8kg
                        </a>
                        <p>
                            1699元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2015/cn-index/redmixiyiji.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            Redmi全自动波轮洗衣机1A
                        </a>
                        <p>
                            799元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2019/yanzao.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            烟灶套装
                        </a>
                        <p>
                            1999元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2015/xiaomijingshuiqi.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米净水器
                        </a>
                        <p>
                            1599元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2015/cn-index/saodijiqiren320-220.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            米家扫地机器人
                        </a>
                        <p>
                            1278元
                        </p>
                    </li>
                </ul>
            </div>
        </div>

        <div id="box7" class="header-nav-menu header-nav-menu-active">
            <div class="container">
                <ul class="clearfix">
                    <li class="first">
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2019/luyoumesh.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米路由器 Mesh
                        </a>
                        <p>
                            999元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2019/qianzhao.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米路由器4A 千兆版
                        </a>
                        <p>
                            139元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2015/luyouqi41C.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米路由器 4C
                        </a>
                        <p>
                            59元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/luyouqi4A.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米路由器4A
                        </a>
                        <p>
                            89元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2015/PRO.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米路由器 HD/Pro
                        </a>
                        <p>
                            499元起
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2015/quanbuluyouqi.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            查看全部小米路由器
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div id="box8" class="header-nav-menu header-nav-menu-active">
            <div class="container">
                <ul class="clearfix">
                    <li class="first">
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2015/yuntai.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米米家智能摄像机云台版
                        </a>
                        <p>
                            179元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2019/xiaoailaoshi.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米小爱老师
                        </a>
                        <p>
                            499元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2019/mensuo.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米米家智能门锁
                        </a>
                        <p>
                            1199元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2019/chuping.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米小爱触屏音箱
                        </a>
                        <p>
                            249元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2019/wannengyaokong.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            小爱万能遥控版
                        </a>
                        <p>
                            199元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="//i1.mifile.cn/f/i/g/2019/shouh4.jpg" alt="">
                            </a>
                        </div>
                        <a href="">
                            查看全部
                            <br>
                            智能硬件
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>


<div class="header">
    <div class="container">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-image:url(//i1.mifile.cn/a4/xmad_15613772537096_sFqni.jpg)"><a href=""></a></div>
                <div class="swiper-slide" style="background-image:url(//i1.mifile.cn/a4/xmad_15603108972101_xQIKl.jpg)"><a href=""></a></div>
                <div class="swiper-slide" style="background-image:url(//i1.mifile.cn/a4/xmad_15613664480985_hqpgm.jpg)"><a href=""></a></div>
                <div class="swiper-slide" style="background-image:url(//i1.mifile.cn/a4/xmad_15613698271918_JtMjl.jpg)"><a href=""></a></div>
                <div class="swiper-slide" style="background-image:url(//i1.mifile.cn/a4/xmad_15613620547949_mqZNo.jpg)"><a href=""></a></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination swiper-pagination-white"></div>

            <!-- Add Arrows -->
            <div class="swiper-button-next swiper-button-white"></div>
            <div class="swiper-button-prev swiper-button-white"></div>
        </div>

        <div id="box1" class="site-category">
            <ul class="site-category-list clearfix">
                <li class="category-item" id="dh1">
                    <a href="" class="title">
                        手机 电话卡
                        <i class="fas fa-angle-right"></i>
                    </a>

                    <div id="xs1" class="children clearfix children-col-4">
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/mi9-80.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米9</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/mi9se-80.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米9 SE</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米MIX 3</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/qingchun-80.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米8 青春版</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/pingmu-80.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米8 屏幕指纹版</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/m8-80.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米8</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/m8se-80.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米8 SE</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/mix2s80-80white.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米MIX 2S</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/max3-80-80.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米Max 3</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/80808080808080.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米6X</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/2019/blacksharkg2/123.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">黑鲨游戏手机 2</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/heishahelo-80.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">黑鲨游戏手机 Helo</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/2019/redmik20pro/hongse-1.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">Redmi K20 Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/2019/redmik20/lanse-1.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">Redmi K20</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/2019/redmi7a/heisedi.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">Redmi 7A</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/2019/redmi7/800-800.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">Redmi 7</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/redminote7pro.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">Redmi Note 7 Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/note780-80.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">Redmi Note 7</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">移动4G+专区</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/15/goods/sidebar/compare.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">对比手机</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/mifenka-1.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">米粉卡 日租卡</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/15/goods/sidebar/mimobile.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米移动 电话卡</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/weixiu80-80.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">手机上门维修</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="https://i1.mifile.cn/f/i/g/2015/yunfuwu.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">云服务空间月卡</span>
                                </a>
                            </li>
                        </ul>

                    </div>
                </li>
                <li class="category-item" id="dh2">
                    <a href="" class="title">
                        电视 盒子
                        <i class="fas fa-angle-right"></i>
                    </a>
                    <div id="xs2" class="children clearfix children-col-4">
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/mijiajiguang4k.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">米家激光投影电视</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/bihua.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米壁画电视 65英寸</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/E55ADIANSHI.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米全面屏电视</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/TV4A-32.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视4A 32英寸</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/TV4A-43QC.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视4A 43英寸青春版</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/4A49.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视4A 49英寸</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/TV4A-50.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视4A 50英寸</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/55120120.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视4A 55英寸</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/TV4A-58-x.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视4A 58英寸</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/65120_120.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视4A 65英寸</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/TV4C-32.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视4C 32英寸</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/4c-40.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视4C 40英寸</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/TV4C-43.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视4C 43英寸</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/TV4C-50.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视4C 50英寸</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/4C55.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视4C 55英寸</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/TV4X-43xin.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视4X 43英寸</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/TV4X-55.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视4X 55英寸</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/4X65.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视4X 65英寸</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/TV4-55.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视4 55英寸</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/65yiti.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视4 65英寸旗舰版</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/475.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视4 75英寸</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/TV4S-32.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视4S</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/TVTYB.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米电视 体育版</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/hezibai480_80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米盒子</span>
                                </a>
                            </li>
                        </ul>
                    </div>

                </li>
                <li class="category-item" id="dh3">
                    <a href="" class="title">
                        笔记本 平板
                        <i class="fas fa-angle-right"></i>
                    </a>
                    <div id="xs3" class="children clearfix children-col-4">
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/bijiben80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米笔记本 15.6"</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/80x80.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米笔记本 13.3"</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/bijiben80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米笔记本 12.5"</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/RedmiBookbashi.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">RedmiBook 14</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/youxiben-80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米游戏本</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/pingban2.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米平板4</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/yuemijianpan80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">键盘</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/wxsb80.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">鼠标／鼠标垫</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/15/goods/sidebar/usbzjqggg80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">转接器</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/xiaomipingbanpeijian80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">平板配件</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/bijibenshuangjianbao80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">笔记本双肩包</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/neidanbao80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米笔记本内胆包</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="category-item" id="dh4">
                    <a href="" class="title">
                        家电 插线板
                        <i class="fas fa-angle-right"></i>
                    </a>
                    <div id="xs4" class="children clearfix children-col-4">
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/lishikongtiao.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">米家立式空调</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/kongtiaoguan140.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">米家空调</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/xihongyitipro_80x80.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">米家洗烘一体机</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/redmibolunxiyiji.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">Redmi全自动波轮洗衣机</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/jingshuiqi80haha.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">净水器</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/lvxinbashi.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">净水器滤芯</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2019/saodi.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">扫地机器人</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2019/xichenqi.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">吸尘器</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/TV4A-58-x.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">空气净化器</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/yalidianfanbao-80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">电饭煲</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/diancilu-80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">电磁炉</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/tangguo-80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">厨房用具</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/dianshuihu-80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">电水壶</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/lvshuihu80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">滤水壶</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/mijiadianfengshan80.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">落地风扇</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/touyingqingchun.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">投影仪</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/xidingdeng-80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">灯具</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/chaxianban80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">插线板</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/xinfengji.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">新风机</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/diannuanqi.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">电暖器</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/yalidianfan.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">电压力锅</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2019/liaoli.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">料理机</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2019/dianzhuhu.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">电煮壶</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="category-item" id="dh5">
                    <a href="" class="title">
                        出行 穿戴
                        <i class="fas fa-angle-right"></i>
                    </a>
                    <div id="xs5" class="children clearfix children-col-4">
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/luyang5/shouhuan_80x80.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">手环手表</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/VRyitiji80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">VR</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/scooter-80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">平衡车</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/scooter2-80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">滑板车</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/chezainibianqi80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">车载逆变器</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/peijian80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">平衡车配件</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/mirror-80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">智能后视镜</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/jiluyi.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">智能记录仪</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/chezaikongjing.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">车载空气净化器</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2019/chechong.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">无线车充</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2019/chongqi.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">充气宝</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2019/pinghenglun.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">平衡轮</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="category-item" id="dh6">
                    <a href="" class="title">
                        智能 路由器
                        <i class="fas fa-angle-right"></i>
                    </a>
                    <div id="xs6" class="children clearfix children-col-4">
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/zhaopiandayinj.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">打印机</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/luyouqi4_80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">路由器</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/zhinengjiating80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">智能家庭</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/duijiangji.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">对讲机</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/wurenji80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">无人机</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/camera-head-80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">摄像机</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="children-list children-list-col children-list-col-1">

                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/camera-small-80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">照相机</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/mensuo.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">智能门锁</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2019/menling.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">视频门铃</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/luyang5/laoshi_80x80.png?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小爱老师</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2019/play.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小爱音箱</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="category-item" id="dh7">
                    <a href="" class="title">
                        电源  配件
                        <i class="fas fa-angle-right"></i>
                    </a>
                    <div id="xs7" class="children clearfix children-col-4">
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/dianyuan2.100080.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">移动电源</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/shujuxian-80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">数据线</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/chezaichongdianqi80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">车充</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/chongdianqi-80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">充电器</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/wuxianchong80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">无线充</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/15/goods/sidebar/7Battery1.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">电池</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/zipaigan80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">自拍杆</span>
                                </a>
                            </li>

                        </ul>
                    </div>
                </li>
                <li class="category-item" id="dh8">
                    <a href="" class="title">
                        健康 儿童
                        <i class="fas fa-angle-right"></i>
                    </a>
                    <div id="xs8" class="children clearfix children-col-4">
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="https://i1.mifile.cn/f/i/g/2015/xishouji.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">洗手机</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/tixvdao80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">剃须刀</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/riguang.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">日光镜</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/yashua80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">牙刷</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/chuifengji.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">吹风机</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/15/goods/list/scale.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">体重秤</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="category-item" id="dh9">
                    <a href="" class="title">
                        耳机 音箱
                        <i class="fas fa-angle-right"></i>
                    </a>
                    <div id="xs9" class="children clearfix children-col-4">
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/xiaoaimini-08.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米小爱音箱mini</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/erji80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">线控耳机</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2019/airdots.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">蓝牙耳机</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/toudai80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">头戴耳机</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/video/pinpai80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">品牌耳机</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/800-800-3.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">蓝牙音箱</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/xiaoai.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米AI音箱</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/xiaoaiyinxhd.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">小米小爱音箱HD</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/kgeerji.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">k歌耳机</span>
                                </a>
                            </li>

                        </ul>

                    </div>
                </li>
                <li class="category-item" id="dh10">
                    <a href="" class="title">
                        生活 箱包
                        <i class="fas fa-angle-right"></i>
                    </a>
                    <div id="xs10" class="children clearfix children-col-4">
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">双肩包</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/qianbao-80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">钱包</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/15/goods/sidebar/lvxingxiang.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">旅行箱</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/shenhuahui80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">运动鞋</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/txv80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">服饰</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/tyj80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">眼镜</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="children-list children-list-col children-list-col-1">
                            <li>
                                <a href="" class="link">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/chuangdian-80-80.jpg?width=80&height=80" alt="" class="thumb">
                                    <span class="text">床垫</span>
                                </a>
                            </li>

                        </ul>

                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="main">
    <div class="container m-l  mt-3 d-flex justify-content-between">
        <ul class="home-channel-list">
            <li class="exposure top left">
                <a href="">

                    <i class="fas fa-mobile-alt"></i>
                    选购手机
                </a>
            </li>
            <li class="exposure top">
                <a href="">

                    <i class="fas fa-gift"></i>
                    企业团购
                </a>
            </li>
            <li class="exposure top">
                <a href="">
                    <i class="fab fa-facebook"></i>
                    F码通道
                </a>
            </li>
            <li class="exposure top left">
                <a href="">

                    <i class="fas fa-sim-card"></i>
                    米粉卡
                </a>
            </li>
            <li class="exposure top">
                <a href="">

                    <i class="fas fa-sync-alt"></i>
                    以旧换新
                </a>
            </li>
            <li class="exposure top">
                <a href="">
                    <i class="fas fa-credit-card"></i>
                    话费充值
                </a>
            </li>
        </ul>
        <div class="ipc">
            <a href="">
                <img src="//i1.mifile.cn/a4/xmad_15608647906651_acVgI.jpg" alt="" class="cla">
            </a>
        </div>
        <div class="ipc">
            <a href="">
                <img src="//i1.mifile.cn/a4/xmad_156087189089_Zpfea.jpg" alt="" class="cla">
            </a>
        </div>
        <div class="ipc">
            <a href="">
                <img src="//i1.mifile.cn/a4/xmad_15604776623629_bRHhl.jpg" alt="" class="cla">
            </a>
        </div>

    </div>
    <div class="container hids  mt-3 mt-3">
        <a href="">
            <img src="//i1.mifile.cn/a4/xmad_1560592743757_kGyBr.jpg" alt="">
        </a>

    </div>
    <div class="page-main home-main">
        <div class="container">
            <div id="phone">
                <div class="box-hd d-flex justify-content-between">
                    <h2 class="title">手机</h2>
                    <div>
                        <a href="" class="more-link">
                            查看全部
                            <i class="fas fa-arrow-circle-right"></i>
                        </a>
                    </div>
                </div>
                <div class="leig d-flex">
                    <div class="page-main-left hids">
                        <a href="">
                            <img src="//i1.mifile.cn/a4/xmad_15578089659428_Uywcg.jpg" alt="">
                        </a>
                    </div>
                    <div class="page-main-right">
                        <ul id="app">
                            <li v-for="lines in line" class="brick-item brick-item-m brick-item-m-2">
                                <div class="figure figure-img">
                                    <a :href="lines.a">
                                        <img :src="lines.img" alt="">
                                    </a>
                                </div>
                                <h3 class="title">
                                    <a href="">
                                        {{ lines.text1 }}
                                    </a>
                                </h3>
                                <p class="desc">
                                    {{ lines.text2 }}
                                </p>
                                <p class="price">
                                    <span>
                                        {{ lines.text3 }}
                                    </span>元
                                </p>
                                <span class="span">
                                    {{ lines.text4 }}
                                </span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <a href="" class="mt-4 mb-4 hids d-block">
                <img src="//i1.mifile.cn/a4/xmad_15571953790178_rXqtS.jpg" alt="">
            </a>

            <div id="homeelec">
                <div class="box-hd d-flex justify-content-between align-items-center">
                    <h2 class="title">家电</h2>
                    <div class="more">
                        <ul class="tab-list J_brickTabSwitch ">
                            <li class="tab-active">热门</li>
                            <li>电视影音</li>
                            <li>电脑</li>
                            <li>家居</li>
                        </ul>
                    </div>
                </div>
                <div class="leig d-flex">
                    <div class="page-main-left hids">
                        <ul class="">
                            <li class="brick-ite ">
                                <a href="">
                                    <img src="//i1.mifile.cn/a4/xmad_15608266264545_qWIRv.jpg" alt="">
                                </a>
                            </li>
                            <li class="brick-ite">
                                <a href="" style="margin-top: 14px;display: block;">
                                    <img src="//i1.mifile.cn/a4/xmad_15591868935935_TNSBR.jpg" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="page-main-right">
                        <ul class="acti so ve">
                            <li v-for="lin in lines" class="brick-item brick-item-m brick-item-m-2">
                                <div class="figure figure-img">
                                    <a href="">
                                        <img :src="lin.img" alt="">
                                    </a>
                                </div>
                                <h3 class="title">
                                    <a href="">
                                        {{ lin.text1 }}
                                    </a>
                                </h3>
                                <p class="desc">
                                    {{ lin.text2 }}
                                </p>
                                <p class="price">
                                    <span>
                                        {{ lin.text3 }}
                                    </span>元
                                </p>
                                <span class="span">
                                    {{ lin.text4 }}
                                </span>
                            </li>
                        </ul>
                        <ul class="ve" id="io">
                            <li v-for="lins in sine" class="brick-item brick-item-m brick-item-m-2">
                                <div class="figure figure-img">
                                    <a href="">
                                        <img :src="lins.img" alt="">
                                    </a>
                                </div>
                                <h3 class="title">
                                    <a href="">
                                        {{ lins.text1 }}
                                    </a>
                                </h3>
                                <p class="desc">
                                    {{ lins.text2 }}
                                </p>
                                <p class="price">
                                    <span>
                                        {{ lins.text3 }}
                                    </span>元
                                </p>
                                <span class="span">
                                    {{ lins.text4 }}
                                </span>

                            </li>
                        </ul>
                        <ul class="ve" id="os">
                            <li v-for="ln in lin" class="brick-item brick-item-m brick-item-m-2">
                                <div class="figure figure-img">
                                    <a href="">
                                        <img :src="ln.img" alt="">
                                    </a>
                                </div>
                                <h3 class="title">
                                    <a href="">
                                        {{ ln.text1 }}
                                    </a>
                                </h3>
                                <p class="desc">
                                    {{ ln.text2 }}
                                </p>
                                <p class="price">
                                    <span>
                                        {{ ln.text3 }}
                                    </span>元
                                </p>
                                <span class="span">
                                    {{ ln.text4 }}
                                </span>
                            </li>
                        </ul>
                        <ul class="ve" id="oi">
                            <li v-for="lina in lina" class="brick-item brick-item-m brick-item-m-2">
                                <div class="figure figure-img">
                                    <a href="">
                                        <img :src="lina.img" alt="">
                                    </a>
                                </div>
                                <h3 class="title">
                                    <a href="">
                                        {{ lina.text1 }}
                                    </a>
                                </h3>
                                <p class="desc">
                                    {{ lina.text2 }}
                                </p>
                                <p class="price">
                                    <span>
                                        {{ lina.text3 }}
                                    </span>元
                                </p>
                                <span class="span">
                                    {{ lina.span4 }}
                                </span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <a href="" class="mt-4 mb-4 hids  d-block">
                <img src="//i1.mifile.cn/a4/xmad_15598109204013_VDBkz.jpg" alt="">
            </a>

            <div id="smart">
                <div class="box-hd d-flex justify-content-between align-items-center">
                    <h2 class="title">智能</h2>
                    <div class="more">
                        <ul class="tab-list J_brickTabSwitch ">
                            <li class="tab-active">热门</li>
                            <li>出行</li>
                            <li>健康</li>
                            <li>酷玩</li>
                            <li>路由器</li>
                        </ul>
                    </div>
                </div>
                <div class="leig d-flex">
                    <div class="page-main-left hids">
                        <ul class="">
                            <li class="brick-ite">
                                <a href="">
                                    <img src="//i1.mifile.cn/a4/xmad_15592788710155_nYAat.jpg" alt="">
                                </a>
                            </li>
                            <li class="brick-ite">
                                <a href="" style="margin-top: 14px;display: block;">
                                    <img src="//i1.mifile.cn/a4/xmad_15501975795809_qmOCe.jpg" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="page-main-right">
                        <ul class="acti ve" id="so">
                            <li v-for="linq in iners" class="brick-item brick-item-m brick-item-m-2">
                                <div class="figure figure-img">
                                    <a href="">
                                        <img :src="linq.img" alt="">
                                    </a>
                                </div>
                                <h3 class="title">
                                    <a href="">
                                        {{ linq.text1 }}
                                    </a>
                                </h3>
                                <p class="desc">
                                    {{ linq.text2 }}
                                </p>
                                <p class="price">
                                    <span>
                                        {{ linq.text3 }}
                                    </span>元
                                </p>
                                <span class="span">
                                    {{ linq.text4 }}
                                </span>
                            </li>
                        </ul>
                        <ul class="ve " id="ios">
                            <li v-for="linqw in inersd" class="brick-item brick-item-m brick-item-m-2">
                                <div class="figure figure-img">
                                    <a href="">
                                        <img :src="linqw.img" alt="">
                                    </a>
                                </div>
                                <h3 class="title">
                                    <a href="">
                                        {{ linqw.text1 }}
                                    </a>
                                </h3>
                                <p class="desc">
                                    {{ linqw.text2 }}
                                </p>
                                <p class="price">
                                    <span>
                                        {{ linqw.text3 }}
                                    </span>元
                                </p>
                                <span class="span">
                                    {{ linqw.text4 }}
                                </span>
                            </li>
                        </ul>
                        <ul class="ve " id="ois">
                            <li v-for="linqwe in inersdf" class="brick-item brick-item-m brick-item-m-2">
                                <div class="figure figure-img">
                                    <a href="">
                                        <img :src="linqwe.img" alt="">
                                    </a>
                                </div>
                                <h3 class="title">
                                    <a href="">
                                        {{ linqwe.text1 }}
                                    </a>
                                </h3>
                                <p class="desc">
                                    {{ linqwe.text2 }}
                                </p>
                                <p class="price">
                                    <span>
                                        {{ linqwe.text3 }}
                                    </span>元
                                </p>
                                <span class="span">
                                    {{ linqwe.text4 }}
                                </span>
                            </li>
                        </ul>
                        <ul class="ve " id="sio">
                            <li v-for="linqwe in inersdfg" class="brick-item brick-item-m brick-item-m-2">
                                <div class="figure figure-img">
                                    <a href="">
                                        <img :src="linqwe.img" alt="">
                                    </a>
                                </div>
                                <h3 class="title">
                                    <a href="">
                                        {{ linqwe.text1 }}
                                    </a>
                                </h3>
                                <p class="desc">
                                    {{ linqwe.text2 }}
                                </p>
                                <p class="price">
                                    <span>
                                        {{ linqwe.text3 }}
                                    </span>元
                                </p>
                                <span class="span">
                                    {{ linqwe.text4 }}
                                </span>
                            </li>
                        </ul>
                        <ul class="ve " id="soi">
                            <li v-for="linqw in ih" class="brick-item brick-item-m brick-item-m-2">
                                <div class="figure figure-img">
                                    <a href="">
                                        <img :src="linqw.img" alt="">
                                    </a>
                                </div>
                                <h3 class="title">
                                    <a href="">
                                        {{ linqw.text1 }}
                                    </a>
                                </h3>
                                <p class="desc">
                                    {{ linqw.text2 }}
                                </p>
                                <p class="price">
                                    <span>
                                        {{ linqw.text3 }}
                                    </span>元
                                </p>
                                <span class="span">
                                    {{ linqw.text4 }}
                                </span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>



            <div id="comment">
                <div class="box-hd">
                    <h2 class="title">热评产品</h2>
                </div>
                <div class="box-bd">
                    <ul class="d-flex d-b">
                        <li class="review-item" v-for="bo in box">
                            <div class="figure figure-img">
                                <a href="">
                                    <img :src="bo.img" alt="">
                                </a>
                            </div>
                            <p class="review">
                                <a href="">
                                    {{ bo.text1 }}
                                </a>
                            </p>
                            <p class="author">
                                {{ bo.text2 }}
                            </p>
                            <div class="info">
                                <h3 class="title d-flex">
                                    <a href="">
                                        {{ bo.text3 }}
                                    </a>
                                    <span class="sep">|</span>
                                    <p class="price">
                                        <span>
                                            {{ bo.text4 }}
                                        </span>
                                        元
                                    </p>
                                </h3>
                            </div>
                        </li>
                    </ul>

                </div>
            </div>

            <div id="video">
                <div class="box-hd  d-flex justify-content-between">
                    <h2 class="title">视频</h2>
                    <div>
                        <a href="" class="more-link">
                            查看全部
                            <i class="fas fa-arrow-circle-right"></i>
                        </a>
                    </div>
                </div>
                <div class="box-bd">
                    <ul class="d-flex d-b">
                        <li class="review-item video-item" v-for=" bs in bos ">
                            <div class="figure figure-img">
                                <span>
                                    <img :src="bs.img" alt="">
                                    <span class="play">
                                        <i class="far fa-play-circle"></i>
                                    </span>
                                </span>
                            </div>
                            <h3 class="title">
                                <a href="">
                                    {{ bs.span1 }}
                                </a>
                            </h3>
                            <p class="desc">
                                {{ bs.span2 }}
                            </p>
                        </li>
                    </ul>
                    <div class="shipin">
                        <div class="modal">
                            <div class="modal-hd">
                                <h3 class="title">王源 & 小米9 全新广告大片</h3>
                                <i class="far fa-times-circle"></i>
                            </div>
                            <div class="jp-video">
                                <div class="jp-jplayer">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b4c153a9166928ee45fd426dca994998.jpeg" alt="">
                                    <video src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/12e0189c132e21e064c8161d09816de5.mp4" controls="controls" style="width: 880px;"></video>
                                </div>
                                <div class="jp-video-play">
                                    <span class="jp-video-play">
                                        <i class="fas fa-play-circle"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="modal">
                            <div class="modal-hd">
                                <h3 class="title">雷军对话王源</h3>
                                <i class="far fa-times-circle"></i>
                            </div>
                            <div class="jp-video">
                                <div class="jp-jplayer">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab5883b089b94e576d9b645d8e62972c.jpg" alt="">
                                    <video src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/895d80d9283cb54da04fdc8c5d46f27a.mp4" controls="controls" style="width: 880px;"></video>
                                </div>
                                <div class="jp-video-play">
                                    <span class="jp-video-play">
                                        <i class="fas fa-play-circle"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="modal">
                            <div class="modal-hd">
                                <h3 class="title">小米MIX 3 磁动力滑盖全面屏</h3>
                                <i class="far fa-times-circle"></i>
                            </div>
                            <div class="jp-video">
                                <div class="jp-jplayer">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/bac0a8163ab820d0e6e5c2d051ae6592.jpg" alt="">
                                    <video src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9fccf360955848ba970e309cd7e3736e.mp4" controls="controls" style="width: 880px; "></video>
                                </div>
                                <div class="jp-video-play">
                                    <span class="jp-video-play">
                                        <i class="fas fa-play-circle"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="modal">
                            <div class="modal-hd">
                                <h3 class="title">小米MIX 3 故宫特别版</h3>
                                <i class="far fa-times-circle"></i>
                            </div>
                            <div class="jp-video">
                                <div class="jp-jplayer">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a3ac4daddd1e97148052c0f046afb230.jpg" alt="">
                                    <video src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9bf32a168bf9a8c9c7dd2896482e924e.mp4" controls="controls" style="width: 880px; "></video>
                                </div>
                                <div class="jp-video-play">
                                    <span class="jp-video-play">
                                        <i class="fas fa-play-circle"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>
    <div class="bag" style="width: 100%; height: 100%; display: none; background: rgba(0, 0, 0, 0.4); z-index: 99; position: fixed;top: 0;"></div>
</div>


<div class="site-footer">
    <div class="container">
        <div class="footer-service">
            <ul class="list-service clearfix l-s">
                <li><a href="">
                    <i class="fas fa-wrench fa-rotate-270"></i>
                    预约维修服务
                </a></li>
                <li><a href="">
                    <i class="fal1"></i>
                    7天无理由退货
                </a></li>
                <li><a href="">
                    <i class="fal2"></i>
                    15天免费换货
                </a></li>
                <li><a href="">
                    <i class="fas fa-gift"></i>
                    满150元包邮
                </a></li>
                <li><a href="">
                    <i class="fas fa-map-marker-alt"></i>
                    520余家售后网点
                </a></li>
            </ul>
        </div>
        <div class="footer-links  clearfix">
            <dl class="col-links d-f col-links-first">
                <dl class="col-links col-links-first">
                    <dt>帮助中心</dt>
                    <dd>
                        <a href="">账户管理</a>
                    </dd>
                    <dd>
                        <a href="">购物指南</a>
                    </dd>
                    <dd>
                        <a href="">订单操作</a>
                    </dd>
                </dl>
            </dl>
            <dl class="col-links  d-f col-links-first">
                <dl class="col-links col-links-first">
                    <dt>服务支持</dt>
                    <dd>
                        <a href="">售后政策</a>
                    </dd>
                    <dd>
                        <a href="">自助服务</a>
                    </dd>
                    <dd>
                        <a href="">相关下载</a>
                    </dd>
                </dl>
            </dl>
            <dl class="col-links  d-f col-links-first">
                <dl class="col-links col-links-first">
                    <dt>线下门店</dt>
                    <dd>
                        <a href="">小米之家</a>
                    </dd>
                    <dd>
                        <a href="">服务网点</a>
                    </dd>
                    <dd>
                        <a href="">授权体验店</a>
                    </dd>
                </dl>
            </dl>
            <dl class="col-links  d-f col-links-first">
                <dl class="col-links col-links-first">
                    <dt>关于小米</dt>
                    <dd>
                        <a href="">了解小米</a>
                    </dd>
                    <dd>
                        <a href="">加入小米</a>
                    </dd>
                    <dd>
                        <a href="">投资者关系</a>
                    </dd>
                </dl>
            </dl>
            <dl class="col-links  d-f col-links-first">
                <dl class="col-links col-links-first">
                    <dt>关注我们</dt>
                    <dd>
                        <a href="">新浪微博</a>
                    </dd>
                    <dd>
                        <a href="">官方微信</a>
                    </dd>
                    <dd>
                        <a href="">联系我们</a>
                    </dd>
                </dl>
            </dl>
            <dl class="col-links  d-f col-links-first">
                <dl class="col-links col-links-first">
                    <dt>特色服务</dt>
                    <dd>
                        <a href="">F 码通道</a>
                    </dd>
                    <dd>
                        <a href="">礼物码</a>
                    </dd>
                    <dd>
                        <a href="">防伪查询</a>
                    </dd>
                </dl>
            </dl>
            <div class="col-contact hids">
                <p class="phone">400-100-5678</p>
                <p>

                    周一至周日 8:00-18:00
                    <br>
                    （仅收市话费）
                </p>
                <a href="" class="btn btn-line-primary btn-small">
                    <i class="fas fa-comment-dots"></i>
                    联系客服
                </a>
            </div>
        </div>
    </div>
</div>
<div class="site-info">
    <div class="container">
        <div class="logo "></div>
        <div class="info-text ">
            <p class="sites hids d-flex">
                <a href="">小米商城</a>
                <span class="sep">|</span>
                <a href="">MIUI</a>
                <span class="sep">|</span>
                <a href="">米家</a>
                <span class="sep">|</span>
                <a href="">米聊</a>
                <span class="sep">|</span>
                <a href="">多看</a>
                <span class="sep">|</span>
                <a href="">游戏</a>
                <span class="sep">|</span>
                <a href="">路由器</a>
                <span class="sep">|</span>
                <a href="">米粉卡</a>
                <span class="sep">|</span>
                <a href="">政企服务</a>
                <span class="sep">|</span>
                <a href="">小米天猫店</a>
                <span class="sep">|</span>
                <a href="">隐私政策</a>
                <span class="sep">|</span>
                <a href="">商城用户协议</a>
                <span class="sep">|</span>
                <a href="">账号协议</a>
                <span class="sep">|</span>
                <a href="">问题反馈</a>
                <span class="sep">|</span>
                <a href="">廉正举报</a>
                <span class="sep">|</span>
                <a href="">诚信合规</a>
                <span class="sep">|</span>
                <a href="">Select Region</a>
            </p>
            <p>
                @
                <a href="">mi.com</a>
                京ICP证110507号
                <a href="">京ICP备10046444号</a>
                <a href="">京公网安备11010802020134号</a>
                <a href="">京网文[2017]1530-131号</a>
                <br>
                <a href="">（京）网械平台备字（2018）第00005号</a>
                <a href="">互联网药品信息服务资格证 (京) -非经营性-2014-0090</a>
                <a href="">营业执照</a>
                <a href="">医疗器械公告</a>
                <br>
                <a href="">增值电信业务许可证</a>
                &nbsp;网络食品经营备案（京）【2018】WLSPJYBAHF-12&nbsp;
                <a href="">食品经营许可证</a>
                <br>
                违法和不良信息举报电话：185-0130-1238
                <a href="">知识产权侵权投诉</a>
                本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
            </p>
        </div>
        <div class="info-links d-flex hids w-100">
            <a href="">
                <img src="img/permit/truste.png" alt="">
            </a>
            <a href="">
                <img src="img/permit/v-logo-2.png" alt="">
            </a>
            <a href="">
                <img src="img/permit/v-logo-1.png" alt="">
            </a>
            <a href="">
                <img src="img/permit/v-logo-3.png" alt="">
            </a>
            <a href="">
                <img src="img/permit/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
            </a>
        </div>
    </div>
    <div class="slogan"></div>
</div>



<div class="right_dingwie">
    <ul class="dingwie">
        <li class="bar-sort-qr">
            <a href="" class=" text-center">
                <i class="fas fa-mobile-alt bar-img "></i>
                <p class="bar-text">手机APP</p>
            </a>
            <div class="bar-pop">
                <div class="bar-pop-content">
                    <img src="https://i8.mifile.cn/b2c-mimall-media/93650133310ec1c385487417a472a26c.png" alt="" class="bar-pop-qr">
                    <p class="bar-pop-text">手机扫一扫一分赢好礼</p>
                </div>
                <div class="bar-arrow"></div>
            </div>
        </li>
        <li>
            <a href="" class=" text-center">
                <i class="far fa-user bar-img"></i>
                <p class="bar-text">个人中心</p>
            </a>
        </li>
        <li>
            <a href="" class=" text-center">
                <i class="fas fa-wrench fa-flip-horizontal bar-img "></i>
                <p class="bar-text">售后服务</p>
            </a>
        </li>
        <li>
            <a href="" class=" text-center">
                <i class="fas fa-headset bar-img "></i>
                <p class="bar-text">联系客服</p>
            </a>
        </li>
        <li>
            <a href="" class=" text-center">
                <i class="fas fa-shopping-cart bar-img "></i>
                <p class="bar-text">购物车</p>
            </a>
        </li>
    </ul>

    <span class="show text-center">
        <i class="fas fa-arrow-up bar-img"></i>
        <p class="bar-text">返回顶部</p>
    </span>
</div>


<script src="js/vue.js"></script>
<script src="js/invue.js"></script>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script>

   var swiper = new Swiper('.swiper-container', {
        loop:true,
        autoplay:true,
        spaceBetween: 30,
        effect: 'fade',
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
   });
</script>
<script src="js/script.js"></script>
<script src="js/m_inerx.js"></script>

</body>
</html>